@charset "utf-8";
/* CSS Document */
html{}
body{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#434343; margin:0px; padding:0px; overflow-x:hidden;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none outside none; margin:0px; padding:0px;}
img {border:none;}
.clear20{ height:20px}
.clear40{ height:40px}
a:link, a:visited {color:#333; text-decoration: none;outline:none;}
a:hover, a:active {color: #FF0000; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:98%; margin:0 auto; max-width:1300px;}
.kga{ margin:0 auto; max-width:1200px; width:98%;}
.kgb{ width:98%; margin:0 auto; max-width:1920px;}
.fl{ float:left;}
.fr{ float:right;}
.dw{ position:relative;}
.cj{ overflow:hidden;}
.green-black {display:block; padding-top:26px; clear:both;font-family:Arial, Helvetica, sans-serif; text-align:center;}
.green-black a {padding:5px 8px 4px 8px; padding:5px 8px 4px 8px;border:1px solid #dddddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:3px; margin-right:3px; color:#333; background:url(../images/page_bg01.png) #fff bottom repeat-x;font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.green-black a:hover {border:1px solid #ccc; height:12px; line-height:12px; zoom:1;overflow:auto;background:url(../images/page_bg02.png) top repeat-x #008cd7; margin-left:3px; margin-right:3px; color:#fff;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.green-black span.current {padding:5px 8px 5px 8px; padding:5px 8px 4px 8px;border:1px solid #ccc; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto;  background:url(../images/page_bg02.png) top repeat-x #008cd7; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}
::-webkit-scrollbar {width:3px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}
#dituContent{ height:450px; border-top:1px solid #ddd;}






			  
			  
.head{ width:100%;  background: #fff; opacity:0.9; height:85px;  z-index:9999; margin:0 auto; position:fixed; top:0px; box-shadow: 2px 0px 5px #666; }
.logo{ width:100%; float:left; overflow:hidden;}
.m1200{ width:1300px; margin:0px auto; text-align:left; overflow:hidden}

.w1200{ width:1200px; margin:0px auto; text-align:left; overflow:hidden}

.logo_left{ width:390px; float:left; overflow:hidden; }
.logo_right{line-height:30px; float:left;}			  
			  
			  
.nav{ width:860px; margin:0 auto; overflow:hidden; height:85px }
.nav ul{ width:860px; margin:0 auto}
.nav ul li{ width:132px; float:left; overflow:hidden; border-right:0px solid #EFEFEF; }
.nav ul li a{ width:132px; height:85px; display:block; text-align:center; color:#333;  font-size:16px; line-height:85px;}
.nav ul li a:hover{ background: #333; color:#fff; height:85px }


.main{width:100%; overflow:hidden; margin:0px auto; }
.about{width:1300px; margin:0 auto; overflow: hidden}
.title{ width:550px; height:40px;  margin:0px auto; font-size:28px; line-height:40px; text-align:center}
.wenzi{  margin:0px auto; font-size:13px; color:#666;  line-height:30px; text-align:center}
.ab{width:1300px; margin:0 auto;}
.ab ul{width:1300px; margin:0px auto;}
.ab ul li{width:390px;  float:left; }
.da{font-size:16px;line-height:30px; color:#333}
.en{font-size:12px; color:#ccc;line-height:30px;}
.xiao{font-size:13px; line-height:25px; width:265px; color:#666666; margin:0 auto}			  
.ab{width:1300px; margin:0 auto; overflow: hidden}
.ab_right{width:1250px;   margin:0 auto; font-size:16px; text-align:left; line-height:36px; margin-top:20px; margin-right:20px; color:#666}
			  


/*banner*/
.banner{height:auto; width:100%; position:relative; height:100%; display:inline-block;}
.slides{position:relative; height:100%;}
.slides li{height:100%; position:relative; width:100%;}
.slides li a{ display:block; width:100%; height:auto;}
.slides li img{display:none;}
@media screen and (max-width:1024px){
.slides li{ background-size:auto 100% !important; height:auto !important;  min-height:500px !important;}
}
@media screen and (max-width:770px){
.slides li{ background:none!important; height:auto !important; min-height:inherit !important;}
.slides li img{ width:100%; display:block;}
}
.flex-control-nav{ position:absolute; bottom:5%; z-index:99; text-align:center; width:100%;}
.flex-control-nav li{ display:inline-block; height:13px; margin:0 6px;}
.flex-control-nav li a{ display:block; overflow:hidden; text-indent:-999px; border:1px solid #008cd7; width:11px; height:11px; border-radius:50%; background:#fff; cursor:pointer;transition:0.5s;}
.flex-control-nav li a.flex-active{ background:#008cd7; border:1px solid #008cd7; transition:0.5s;}
.flex-direction-nav{position:absolute;z-index:99; width:100%; left:0; margin:0 auto; top:47%;}
.flex-direction-nav li a{display:block;width:15px;height:25px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:1; -khtml-opacity:1; opacity: 1;}
.flex-direction-nav li a.flex-prev{left:2%;background:url(../images/ban_l.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:2%;background:url(../images/ban_r.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
/*banner*/
.gjcsous{ background:#333; width:100%; height:99px; border-bottom:1px solid #ddd;}
.gjc{ height:99px; line-height:99px; color:#fff; font-size:0.9125rem;}
.gjc span{ padding:0 12px;}
.gjc a{ color:#fff;}
.gjc a:hover{ text-decoration:underline;}
.sous{ width:26%; height:40px; margin-top:30px; border-radius:20px; background:#fff;}
.sous_kg{display:block; float:left; background:none; width:72%; padding:0 2% 0 6%; ; height:40px; border:0; outline:none; font-size:0.9125rem; color:#aeaeae;}
.sous_an{display:block; float:right; width:20%; height:40px; border:0; padding:0; cursor:pointer; outline:none; background:url(../images/sous.png) no-repeat center #ffc000; border-radius:20px;}
.index_bga{ padding-top:67px; padding-bottom:85px; }
.inda_top{ border-bottom:1px dashed #7d7d7d; padding-bottom:45px;}
.inda_l{ font-size:1.875rem; color:#292929;}
.inda_l p{ font-size:3.75rem; }
.inda_l p img{ margin-bottom:-10px;}
.inda_l span{ padding-left:30px; letter-spacing:4px;}
.inda_r{ line-height:32px; font-size:1.125rem; color:#403f3f; width:55.6%;}
.inda_r i{ display:block; width:66px; height:2px; background:#434343; margin-top:12px; margin-bottom:28px;}
.inda_zj{ padding-top:45px;}
.inda_zj li{ float:left; width:20%;}
.inda_pic{ text-align:center; padding-bottom:33px;}
.inda_pic img{-webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(255,255,255,0.3) 0%, transparent 40%, transparent 100%);}
.inda_wb{ text-align:center; color:#3f3f3f; line-height:28px;}
.inda_wb p{ font-size:1.625rem; padding-bottom:12px; }

.index_bgb{ padding-top:55px; padding-bottom:94px; background:url(../images/index_bgb.png) no-repeat center bottom #22a1e5;}
.indb_title{ text-align:center; color:#fff; font-size:3rem;}
.indb_fl{ margin-top:40px; border-top:1px solid #79c8f5; border-bottom:1px solid #79c8f5;}
.indb_fl ul{border-left:1px solid #79c8f5; height:55px;}
.indb_fl li{ float:left; width:20%; position:relative; text-align:center;}
.indb_fl li a{ display:block; height:55px; border-right:1px solid #79c8f5; line-height:55px; position:relative; color:#fff; font-size:1.125rem; z-index:9;}
.indb_fl li a:hover{ border-right:0;}
.indb_fl li i{ position:absolute; left:0; top:0; width:100%; background:url(../images/indb_flb.png) no-repeat center; height:64px; transform:scaleX(0); transition:0.5s;}
.indb_fl li:hover i{transform:scaleX(1); transition:0.5s;}
.indb_nr{ margin-top:55px;}
.indb_nr li{ float:left; width:32%; background:#fff; margin-top:2%;}
.indb_nr li:nth-child(2),.indb_nr li:nth-child(5){ margin:2% 2% 0% 2%;}
.indb_pic{ overflow:hidden;}
.indb_pic img{ display:block; width:100%; transition:0.5s;}
.indb_nr li:hover .indb_pic img{transform:scale(1.1);}
.indb_mc{ height:55px; font-size:1.125rem; color:#2f2f2f; padding:0 4%; overflow:hidden; line-height:55px;}




.you{width:1300px; margin:0 auto; overflow:hidden}
.you ul{ margin:0 auto}
.you ul li{ float:left; text-align:center; margin:0px 30px 0px 30px;;}

.youda{font-size:24px; width:250px; color:#666666; line-height:60px; text-align:center}
.youxiao{width:250px;  font-size:14px; line-height:25px; color:#666666}









.index_bgc{ padding-top:60px; padding-bottom:167px; background:#fff;}
.indc_title{ text-align:center; color:#1b1b1b;  font-size:3rem;}
.indc_title p{ border:1px dashed #7d7d7d; border-radius:23px; height:44px; font-size:1.25rem; font-weight: normal; line-height:44px; ; width:42%; margin:0 auto;}
.indc_title span{letter-spacing:-5px;}
.indc_nr{ margin-top:37px;}
.indc_pic{ width:41.538%; position:relative;}
.indc_pic p{ overflow:hidden; border-radius:25px 0 25px 0; cursor:pointer;}
.indc_pic p img{ display:block; width:100%; transition:0.5s;}
.indc_pic p:hover img{transform:scale(1.1);}
.indc_nr li:nth-child(2) .indc_pic p{ margin-top:-52px;}
.indc_nr li:nth-child(4) .indc_pic p{ margin-top:-26px;}
.indc_bt{ width:125px; text-align:center; font-size:1.5rem;  height:125px; position:absolute; line-height:125px; color:#fff;}
.indc_nr li:nth-child(1) .indc_bt{top:8px; right:-190px; background:url(../images/indc_r.png) no-repeat; padding-right:15px;}
.indc_nr li:nth-child(2) .indc_bt{top:46px; left:-190px; background:url(../images/indc_l.png) no-repeat; padding-left:15px;}
.indc_nr li:nth-child(3) .indc_bt{top:79px; right:-190px; background:url(../images/indc_r.png) no-repeat; padding-right:15px;}
.indc_nr li:nth-child(4) .indc_bt{top:119px; left:-190px; background:url(../images/indc_l.png) no-repeat; padding-left:15px;}
.indc_wb{ width:38.615%; padding-left:2%; padding-top:48px;}
.indc_sz{ height:74px; width:74px; background:#e3e3e3; text-align:center; border-radius:9px; font-size:0.875rem; color:#2d2d2d; line-height:26px;}
.indc_sz p{ font-size:2.25rem; font-family:"alternateRegular"; width:32px; border-bottom:1px solid #313131; margin:0 auto; line-height:42px; padding-top:5px;}
.indc_wbnr{ width:81%; font-size:0.75rem; color:#a3a2a2;}
.indc_wbnr p{ font-size:1.875rem; color:#353535; line-height:50px;}
.indc_ms{ padding-top:15px;}
.indc_ms p{ line-height:20px; margin-top:25px; background:url(../images/indc_xx.png) no-repeat left top; padding-left:29px; color:#2b2b2b; font-size:0.875rem;}
.indc_tel{ margin-top:43px;}

.index_bgd{ background:url(../images/index_bgd.jpg) no-repeat center; width:100%; height:703px; border-top:1px solid #d4d4d4;}
.indd_title{ text-align:center;}
.indd_title p{ font-size:3rem; color:#343434;  margin-top:-100px;}
.indd_nr{ padding-top:37px;}
.indd_nr li{ margin-top:78px; min-height:87px; font-size:1.125rem; color:#2b2b2b; line-height:30px;}
.indd_nr li p{ font-size:1.875rem; line-height:50px;}
.indd_nr li.fl{ padding-left:105px;}
.indd_nr li.fr{ padding-right:105px; text-align:right;}


.index_bge{ padding-top:0px; padding-bottom:70px;}
.inde_title{ text-align:center; color:#777777; font-size:16px;}
.inde_title p{ font-size:40px; font-weight:bold;  }
.inde_gd{ margin-top:40px;}
.inde_nr li{ float:left; width:50%;}
.inde_kg{ width:98.5%;}
.inde_nr li a{ display:block; width:48.5%; margin-bottom:3%;}
.inde_nr li a.on{ width:100%;}
.inde_pic{ overflow:hidden;}
.inde_pic img{ display:block; width:100%; transition:0.5s;}
.inde_pic:hover img{transform:scale(1.1);}
.inde_an{ padding-top:15px; text-align:center;}
.inde_an a{ display:inline-block; font-size:1.25rem; color:#fff; width:50px; height:50px; background:#c1c1c1; line-height:50px; cursor:pointer;}
.inde_an a.inde_more{ width:180px; margin:0 8px; background:#2991d6; font-size:1.125rem;}

.index_bgf{ background:url(../images/index_bgf.jpg) no-repeat center ; height:800px;}
.indf_title{ text-align:center; color:#fff; font-size:1.125rem;}
.indf_title p{ font-size:3rem;  color:#ffd200;}
.indf_nr{ padding-top:60px;}
.indf_l{ width:47%;}
.indf_bt{ font-size:0.75rem; color:#000;}
.indf_bt p{ font-size:2.25rem; }
.indf_ms{ font-size:16px; line-height:38px; padding-top:30px; color:#333; text-indent:36px;}
.indf_more{ padding-top:30px;}
.indf_more a{ display:block; width:154px; height:41px; background:#ffd200; text-align:center; color:#343434; line-height:41px;border-radius:22px;}
.indf_r{ width:48.8%; margin-top:30px;}

.index_bgg{ background:#fff; width:100%; padding-top:0px; padding-bottom:0px;}
.indg_title{ font-size:34px; color:#000;  text-align:center; border-bottom:0px solid #ccc;}
.indg_title p{ margin:0px auto -11px auto; background:#fff; width:220px; font-size:16px; color:#535353; font-weight:normal; ;}
.indg_nr{ padding-top:65px;}
.indg_l{ width:58.77%;}
.indg_an{ height:29px; font-size:1.125rem;  border-left:3px solid #990000; line-height:29px; color:#434343;}
.indg_an a{ font-weight:bold; color:#434343; padding:0 18px;}
.indg_an a:hover,.indg_an a.cur{ color:#990000;}
.indg_more{ line-height:29px;}
.indg_more a{ color:#848484;}
.indg_more a:hover{ color:#3799d7;}
.indgl_nr{ padding-top:30px;}
.indg_pic{ overflow:hidden; width:44.5%;}
.indg_pic img{ display:block; width:100%; transition:0.5s;}
.indg_one:hover .indg_pic img{transform:scale(1.1);}
.indg_wb{ width:52%;}
.indg_mc{ font-size:1.25rem; font-weight:bold; color:#373737; height:40px; line-height:40px; overflow:hidden;}
.indg_ms{ line-height:30px; height:90px; overflow:hidden; color:#707070; margin-top:10px;}
.indg_gd{ width:123px; height:35px; border-radius:18px; background:#ffc000; text-align:center; line-height:35px; color:#5f5f5f; font-size:0.9125rem; margin-top:25px;}
.indg_one:hover .indg_mc{ color:#3799d7;}
.indgl_nr ul{ padding-top:20px;}
.indgl_nr li{ height:50px; line-height:50px; border-bottom:1px dashed #b5b5b5;}
.indgl_nr li span{ float:right; color:#8c8c8c;}
.indg_r{ width:34.6%;}
.indgr_nr li{ border-bottom:1px dashed #b5b5b5; padding-top:30px; padding-bottom:17px;}
.indgr_bt{ background:url(../images/wen.png) no-repeat left; height:26px; line-height:26px; padding-left:40px; overflow:hidden; font-weight:bold;}
.indgr_ms{ background:url(../images/da.png) no-repeat left 3px; margin-top:10px; color:#707070; height:78px; line-height:26px; padding-left:40px; overflow:hidden; font-size:0.9125rem;}



.abcon{width:1200px; margin:0 auto; text-align:left; line-height:30px; font-size:16px}


/**产品中心**/
.xz{ width:1300px; overflow:hidden; margin:0px auto;}
.xz ul{ margin:0px auto;} 
.xz ul li{ width:170px; float:left; overflow:hidden; font-size:16px; margin-left:10px; margin-bottom:10px;  } 
.xz ul li a{ width:168px; height:50px; display:block; text-align:center; color:#fff;  line-height:50px}
.red{ border:1px double  #ddd; background:  #1D3C5F; color:#fff }
.red:hover{border:1px double #1D3C5F; background: #fff; color:#666; }

.news2{width:1200px; margin:0 auto; overflow:hidden}
.news2 ul{}
.news2 ul li{width:1190px; text-align:left; line-height:55px; font-size:18px;  border-bottom:1px #666 dotted}
.news2 ul li a{color:#333; font-size:18px}






.foot_bg{ background:#333; width:100%;}
.fnavtel{ padding:30px 0;}
.ftel{ width:40%;}
.fewm{ width:25.4%; text-align:center;}
.fewm img{max-width:100%;}
.fewm p{ padding-top:10px; color:#fff; font-size:0.875rem;}
.ftel_nr{ width:68%; color:#fff; font-size:14px;}
.ftel_wb{padding-bottom:15px;}
.ftel_wb p{ padding-bottom:5px; font-size:1rem;}
.ftel_nr p{ line-height:24px; padding-bottom:4px;}
.ftel_nr a{ color:#fff;}
.fnav{ width:59%;}
.fnav li{ float:left; margin-left:72px; min-width:92px;}
.fnav li p{ line-height:26px;}
.fnav li a{ font-size:0.875rem; color:#fff;}
.fnav li .fnav_title{ padding-bottom:10px; border-bottom:1px dashed #bfbfbf; margin-bottom:6px;}
.fnav li .fnav_title a{ font-size:1rem; color:#fff;}
.fnav li a:hover{ text-decoration:underline;}
.fbq{ padding-top:10px; background: #FF0000; padding-bottom:10px; line-height:24px; font-size:0.875rem; color:#fff;}
.fbq span{ float:right;}
.fbq a{ color:#fff;}
.fbq a:hover{ text-decoration:underline;}